﻿<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Shoe</title>
  <link rel="stylesheet" href="styles/blogCSSGrid.css">
</head>
<body>

<article class="product">

  <h2 class="product-title">Converse Chuck
    Taylor All Star Low
    Top</h2>

    <img src="/images/shoe.jpg"
         alt="Converse Chuck Taylor All Star"
         class="product-image">

    <div class="product-info">

      <div class="product-price">
        <p><strong class="price">$65.00</strong></p>
        <p class="shipping">Free shipping</p>
      </div>

      <p class="sale">Sale</p>
      <p class="product-description">Ready to
        dress up or down,these classic
        canvas Chucks are an everyday wardrobe
        staple.</p>

      <a class="more-info" href="#">More
        information &rarr;</a>

      <div class="product-colors">
        <div class="color"></div>
        <div class="color color-blue"></div>
        <div class="color color-red"></div>
        <div class="color color-yellow"></div>
        <div class="color color-green"></div>
        <div class="color color-brown"></div>
      </div>

    </div>


    <div class="product-details">
      <h3 class="details-title">Product
        details</h3>
      <ul class="details-list">
        <li>Lightweight,durable canvas sneaker
        </li>
        <li>Lightly padded footbed for added
          comfort
        </li>
        <li>Iconic Chuck Taylor ankle patch.
        </li>
      </ul>
    </div>

  <button class="add-cart">Add to cart</button>
</article>

</body>
</html>